<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title></title>
    <link rel="stylesheet" href="plugin/awesome4/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="plugin/reset.css"/>
    <link rel="stylesheet" href="style/home.css"/>
    <script src="plugin/jquery-2.1.3.min.js"></script>
    <!--<script src="script/event.js"></script>-->
    <script src="script/index.js"></script>
</head>
<body>
<div class="container choose">
    <div class="header">
        <h2><a href="javascript:" class="user"><i class="fa fa-user"></i></a>**明信片<a href="javascript:" class="other"><i class="fa fa-plus-circle"></i></a></h2>
    </div>
    <div class="main">
        <div class="cards">
            <a href=""><img src="images/card-img1.png" alt=""></a>
            <p class="banner-info">收藏最多 ↑ 试用期全场免费</p><!--<img src="images/expression.png" alt="">-->
        </div>
        <div class="cardbox free-most">
            <h2><i class="fa fa-paper-plane"></i>限时免费<a href="" class="more">> 更多</a></h2>
            <div class="most-box">
                <div class="most-box-img">
                    <a href=""><img src="images/card-img1.png" alt=""></a>
                </div>
                <div class="card-info">
                    <span class="card-name">深海少女</span>
                    <span class="former-price">1.5</span>
                    <span class="price">0.0</span>
                </div>
                <p class="use-amount">
                    已有<span class="use-amount-num">99</span>人使用
                </p>
            </div>
            <div class="most-box">
                <div class="most-box-img">
                    <a href=""><img src="images/card-img2.png" alt=""></a>
                </div>
                <div class="card-info">
                    <span class="card-name">深海少女</span>
                    <span class="former-price">1.5</span>
                    <span class="price">0.0</span>
                </div>
                <p class="use-amount">
                    已有<span class="use-amount-num">99</span>人使用
                </p>
            </div>
        </div>
        <div class="cardbox collection-most">
            <h2><i class="fa fa-paper-plane"></i>收藏最多<a href="" class="more">> 更多</a></h2>
            <div class="most-box">
                <div class="most-box-img">
                    <a href=""><img src="images/card-img1.png" alt=""></a>
                </div>
                <div class="card-info">
                    <span class="card-name">深海少女</span>
                    <span class="former-price">1.5</span>
                    <span class="price">0.0</span>
                </div>
                <p class="use-amount">
                    已有<span class="use-amount-num">99</span>人使用
                </p>
            </div>
            <div class="most-box">
                <div class="most-box-img">
                    <a href=""><img src="images/card-img2.png" alt=""></a>
                </div>
                <div class="card-info">
                    <span class="card-name">深海少女</span>
                    <span class="former-price">1.5</span>
                    <span class="price">0.0</span>
                </div>
                <p class="use-amount">
                    已有<span class="use-amount-num">99</span>人使用
                </p>
            </div>
        </div>
    </div>
</div>
</body>
</html>